* {
    margin: 0;
    padding: 0;
    list-style: none;
}
body {
    background-color: #f5f5f5;
}
body a {
        text-decoration: none;
}
/* .home-hero-2 {
    height: 184px;
} */
.home-hero-2 .home-hero-sub {
    width: 1252px;
    height: 170px;
    margin:  0 auto;
    margin-top: 14px;
    margin-left: 146.5px;
    
}
.home-hero-sub .span4 {
    float: left;
    width: 228px;
    height: 164px;
    padding: 3px;
    margin: 0;
    
    font-size: 12px;
    text-align: center;
    background: #5f5750;
}
.home-hero-sub .span4 li {
    float: left;
    width: 76px;
    height: 82px;
}
.home-hero-sub .span4 a {
    
    display: block;
    width: 70px;
    height: 45.6px;
    padding-top: 18px;
    color: #fff;
    opacity: .7;
}
.home-hero-sub .span4 img {
    display: block;
    width: 28px;
    height: 28px;
    margin: 0 auto;
}
.home-hero-sub .span16 {
    
    overflow: hidden;
}
.home-hero-sub .span16 ul {
    width: 1010px;
    height: 170px;
}
.home-hero-sub .span16 li {
    float: left;
    width: 316px;
    height: 170px;
    margin-left: 15px;
}
.home-hero-sub .span16 img {
      
        width: 100%;
        height: 100%;
        
}  